/* 设置容器的宽度和高度 */
audio {
    width: 100%;
    height: 60px;
  }
  
  /* 隐藏默认样式 */
  audio::-webkit-media-controls {
    display: none !important;
  }
  
  audio::-webkit-media-controls-panel,
  audio::-webkit-media-controls-current-time-display,
  audio::-webkit-media-controls-time-remaining-display {
    display: none !important;
  }
  
  /* 设置进度条的高度和颜色 */
  audio::-webkit-media-controls-fullscreen-button,
  audio::-webkit-media-controls-play-button,
  audio::-webkit-media-controls-volume-slider {
    height: 60px !important;
    background-color: #333 !important;
    border-color: #333 !important;
  }
  
  /* 设置播放按钮的样式 */
  audio::-webkit-media-controls-play-button:before {
    content: "\f04b";
    font-family: "Font Awesome 5 Free";
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    color: #ddd;
    text-align: center;
    line-height: 60px;
  }
  
  /* 设置声音控制按钮的样式 */
  audio::-webkit-media-controls-volume-slider::-webkit-media-slider-thumb {
    background-color: #ddd !important;
    border-color: #333 !important;
    margin-top: -12px !important;
    margin-left: -12px !important;
    height: 26px !important;
    width: 26px !important;
    border-radius: 50% !important;
    -webkit-appearance: none !important;
  }
  
  audio::-webkit-media-controls-volume-slider::-webkit-media-slider-thumb:hover,
  audio::-webkit-media-controls-volume-slider::-webkit-media-slider-thumb:active {
    background-color: #ddd !important;
    border-color: #ddd !important;
  }
  